<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="${ctx}/res/js/thirdParty/jquery.zclip/jquery.zclip.min.js"></script>
<script type="text/javascript"  src="${ctx}/res/js/survey/surveyManagement/popupEmail.js"></script>
<style type="text/css">
	.titleDiv{
		width: 250px;height: 23px;
		padding:5px 25px;
		position: relative;
		overflow: auto;
		border: 2px solid #DDDDDD;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background-color: #ffffff;
		color: #555555;
	}
	.emailDiv{
		width: 300px;
		height: 100px;
		position: relative;
		overflow: auto;
		border: 2px solid #DDDDDD;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background-color: #ffffff;
		color: #555555;
	}
	.contentDiv{
		width: 280px;
		height: 100px;
		border: 2px solid #DDDDDD;
		font-size: 13px;
		padding:5px 10px;
	}
</style>
</head>
<body>
	<div id="form_data" class="form_data">
		<!-- 邮件模板 -->
		<center>
			<table>
				<!-- 邮件标题区 -->
				<tr>
					<td class="td_for_lable" style="text-align: right;">标题 </td>
					<td class="td_for_input" style="text-align: left;">
						<div name="surveyName" id="surveyName" class="titleDiv"></div>
					</td>
					<td>
						<a href="#none" id="copyTitle" class="toolButton">复制</a>
					</td>
				</tr>
				<!-- 收件人邮箱列表区 -->
				<tr>
					<td class="td_for_lable" valign="top" style="text-align: right;">收件人目录</td>
					<td >
						<div name="recipient" id="recipient"  class="emailDiv"></div>
					</td>
					<td>
						<a href="#none" id="copyEmail" class="toolButton" style="display: none">复制</a>
					</td>
				</tr>
				<!-- 邮件正文区 -->
				<tr>
					<td class="td_for_lable" valign="top" style="text-align: right;">正文</td>
					<td >
						<textarea name="content" id="content"  class="contentDiv"></textarea>
					</td>
					<td>
						<a href="#none" id="copyContent" class="toolButton">复制</a>
					</td>
				</tr>
				<!-- 关闭按钮 -->
				<tr>
					<td style="text-align:center;padding:10px;" colspan="4">
						<div id="closePopup" class="toolButton" onclick="closePopup();">关闭</div>
					</td>
				</tr>
			</table>
		</center>
	</div>
</body>
</html>